<script setup lang="ts">
import { ref, getCurrentInstance, onMounted, onBeforeMount, ComponentInternalInstance } from "vue"


// this
const instance: ComponentInternalInstance | null = getCurrentInstance();
let _this: any = instance ? instance.appContext.config.globalProperties : null;

// sub-Components props
const props = defineProps({
  msg: String
})

// sub-Components emit
const emit = defineEmits(['myclick']);

// onBeforeMount
onBeforeMount((): void => {
  console.log('say no');
})

// onMounted
onMounted(async (): Promise<void> => {
})

// Exportation
defineExpose({
})
</script>


<template>
  <div id="other">
  </div>
</template>


<style lang="scss" scoped>
@import "styles/mixin.scss";
$headH: 2.5rem;
#other {
  width: 100%;
  height: 100%;
  position: relative;
  flex-wrap: nowrap;
  @include flex-row-center-center // @include flex-row-center-center;
}

</style>
